<template>
		<view class="empty-box" slot="empty">
			<img class="empty-img" src="@/static/picture/empty.png" alt="" />
			<view class="empty-text">{{title}}</view>
		</view>
</template>

<script>
	export default {
		name: "z-empty",
		props: ["title"],
		data() {
			return {

			};
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.empty-box{
		position: relative;
		text-align: center;
		// #ifdef MP-WEIXIN
		top: -50%;
		// #endif 
		// #ifdef H5
		top: -25%;
		// #endif  
		.empty-img{
			width: 260rpx;
			height: 204rpx;
			margin-bottom: 28rpx;
		}
		.empty-text{
			font-size: 28rpx;
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			color: #666666;
		}
	}
	
</style>